<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id="app">
			<input type="text" v-model="a">
		</div>
		
		
		
		
		
		
		<script src="js/vue.js" ></script>
		<script>
			var data = { a: 1};
			var vm = new Vue({
				el: "#app",
				data: data
			});
			
			// 指向data对象
			var a = vm.a == data.a; 
			
			// 指向vue实例的属性
			var b = vm.$el == document.getElementById("app");
			var c = vm.$data == data;
			console.log(a,b,c);
			
			// $watch 监听
			vm.$watch('a', function (newValue, oldValue) {
			  console.log(newValue);
			})
			
			var vm2 = new Vue({
				data: {a: 1},
				created: function(){  // 生命周期钩子
					console.log("vm2 a:"+this.a);  // this 指向调用它的 Vue 实例
				}
			});
			
			// 总结
			/*
			 	1. 在vue里，如果你知道你会在晚些时候需要一个属性，但是一开始它为空或不存在，那么你需要设置一些初始值
			*/
		</script>
	</body>
</html>
